<template>
	<view class="main">
		<iconMusic/>
		<next/>
		<view class="uni-title-one">
			{{ collegePage.lineOne }}
		</view>
		<view class="uni-title-two">
			{{collegePage.lineTwo.textOne}}
			<text class="yellow">{{data.year}}</text>
			{{collegePage.lineTwo.textTwo}}<br>
			{{collegePage.lineTwo.textThree}}
			<text class="yellow">{{data.college}}</text>
			{{collegePage.lineTwo.textFour}}<br/>
			<text class="yellow">{{ data.sid }}</text>
			{{collegePage.lineTwo.textFive}}
		</view>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import student from '/stateData/student.js'
	const { collegePage } = student
	const data = reactive({
		clientY:0,
		year:2020,
		college:'软件学院-软件工程-9班',
		sid:20209084987
	})
	
</script>

<style scoped lang="scss">
	@import url(/static/css/style.css);
	.main{
		width: 100%;
		height: 100vh;
		background: url(http://rjinbysql.hn-bkt.clouddn.com/static/images/stbg-college.png) no-repeat;
		background-size: 100% 100%;
	}
</style>
